<template>
  <!--内容  -->
  <div class="main">
    <div class="header-card">
      <div class="uc-header">
        <div class="back" @click="$router.back()">
          <img src="@/assets/img/3.png" />
        </div>
        <div class="title">{{ $t("TermsOfServices") }}</div>
      </div>
    </div>

    <div class="wrapper">
      <p>
        {{ $t("AboutTheseTerms") }}<br />
        <br />
        {{ $t("servicesTips") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips1") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips2") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips3") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips4") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips5") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips6") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips7") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips8") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips9") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips10") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips11") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips12") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips13") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips14") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips15") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips16") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips17") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips18") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips19") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips20") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips21") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips22") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips23") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips24") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips25") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips26") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips27") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips28") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips29") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips30") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips31") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips32") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips33") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips34") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips35") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips36") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips37") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips38") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips39") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips40") }}
      </p>
      <br />
      <p>
        {{ $t("servicesTips41") }}
      </p>
    </div>
  </div>
</template>
<script>
export default {
  name: "Terms of Services",
  mounted() {
    window.scrollTo(0, 0);
  },
};
</script>
<style lang="less" scoped>
.wrapper {
  font-size: 0.18rem;
  margin-top: 30px;
  padding: 0 10px;
}
</style>
